<template>
	<view class="bg-w">
		<navigator url="/pages/exchange/detail/tuan">
		<view class="flex">
			<view class="wh120">
				<image class="bdr8" mode="aspectFill" :src="''"></image>
			</view>
			<view class="ws120 pl30">
				<view class="ft16 ftw600 text-over text-main">
					3天2晚包食宿 云南大理-洱海-情侣双人游套餐折上… 
				</view>
				<view class="mt30">
					<view class="flex space alcenter ft12">
						<text class="text-notice">已兑200</text>
						<text class="text-theme">还剩20</text>
					</view>
					<view class="totay-progress mt10">
						<view class="totay-progress-main"></view>
					</view>
				</view>
				<view class="mt30 flex space alcenter">
					<view>
						<view class="ft14 ftw600 flex alcenter text-theme">
						 <image class="wh20" :src="'icon_diamond'"></image><text>100+￥19</text>
						</view>
						<view class="text-notice ft14 text-line">￥1299</view>
					</view>
					<view class="tuan-btn">
						立即兑换
					</view>
				</view>
			</view>
		</view>
		</navigator>
	</view>
</template>

<script>
	
	export default{
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.tuan-btn{
		width:160rpx;
		height:64rpx;
		background:#FF6D00;
		box-shadow:0rpx 8rpx 16rpx 0rpx rgba(255,109,0,0.3);
		border-radius:32rpx;
		text-align: center;
		line-height: 64rpx;
		font-size: 28rpx;
		font-weight: 600;
		color:#FFFFFF;
	}
	.totay-progress{
		position: relative;
		width:100%;
		height:20rpx;
		background:rgba(255,109,0,.1);
		border-radius:10rpx;
	}
	.totay-progress-main{
		position: absolute;
		width: 50%;
		height: 20rpx;
		background: #FF6D00;
		border-radius: 10rpx;
		left: 0;
		top: 0;
	}
</style>